﻿@page
@model BoYuanCore.WebForm.Pages.Admin.IndexModel
@{
    ViewBag.Title = "FineUICore 在线示例 - 基于 jQuery 的专业 ASP.NET Core 控件库";
    var F = Html.F();
}

@section head {
    <link type="text/css" rel="stylesheet" href="~/res/css/index.css?v@(GlobalConfig.ProductVersion)" />
}

@section body {

    <f:Panel ID="mainPanel" Layout="Region" CssClass="mainpanel" ShowBorder="false" ShowHeader="false" IsViewPort="true">
        <Items>
            <f:Panel ID="sidebarRegion" CssClass="sidebarregion" RegionPosition="Left" ShowBorder="false" Width="260" ShowHeader="false"
                     EnableCollapse="false" Collapsed="false" Layout="VBox" RegionSplit="true" RegionSplitIcon="false" RegionSplitWidth="3" RegionSplitTransparent="true">
                <Items>
                    <f:ContentPanel ID="sideheaderTopPanel" CssClass="topregion" ShowBorder="false" ShowHeader="false">
                        <div id="sideheader" class="f-widget-header f-mainheader">
                            <a class="logo" href="@Url.Content("~/")" title="FineUICore">FineUICore</a>
                        </div>
                    </f:ContentPanel>
                    <f:Panel ID="leftPanel" CssClass="leftregion" BoxFlex="1" ShowBorder="false" ShowHeader="false" Layout="Fit">
                        <Items>
                            <f:Tree ID="treeMenu" ShowBorder="false" ShowHeader="false" EnableSingleClickExpand="true"
                                    HideHScrollbar="true" HideVScrollbar="true" ExpanderToRight="true" HeaderStyle="true" AllHeaderStyle="true" MiniModePopWidth="260"></f:Tree>
                        </Items>
                    </f:Panel>
                </Items>
                <Listeners>
                    <f:Listener Event="splitdrag" Handler="onSidebarSplitDrag" />
                </Listeners>
            </f:Panel>
            <f:Panel ID="bodyRegion" CssClass="bodyregion" RegionPosition="Center" ShowBorder="false" ShowHeader="false" Layout="VBox">
                <Items>
                    <f:ContentPanel ID="topPanel" CssClass="topregion" ShowBorder="false" ShowHeader="false">
                        <div id="header" class="f-widget-header f-mainheader">
                            <div class="header-left">
                                <f:Button ID="btnCollapseSidebar" CssClass="icononlyaction" ToolTip="折叠/展开侧边栏" IconAlign="Top" IconFont="_Fold" EnableDefaultState="false" TabIndex="-1">
                                    <Listeners>
                                        <f:Listener Event="click" Handler="onFoldClick" />
                                    </Listeners>
                                </f:Button>
                                <div id="breadcrumb">
                                    <div class="breadcrumb-inner">
                                        <span class="breadcrumb-last">首页</span>
                                    </div>
                                    <div class="breadcrumb-icons">
                                        <a data-qtip="刷新本页" href="javascript:onToolRefreshClick();"><i class="f-icon f-iconfont f-iconfont-refresh"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="header-right">
                                <f:Button CssClass="icononlyaction" ID="btnThemeSelect" ToolTip="主题仓库" IconAlign="Top" IconFont="_Skin" EnableDefaultState="false" TabIndex="-1">
                                    <Listeners>
                                        <f:Listener Event="click" Handler="onThemeSelectClick" />
                                    </Listeners>
                                </f:Button>

                                <f:Button CssClass="userpicaction" Text="三生石上" IconUrl="@Url.Content("~/res/images/my_face_80.jpg")" IconAlign="Left" EnableDefaultState="false" EnableDefaultCorner="false">
                                    <Menu ID="menuSettings">
                                       
                                        <f:MenuSeparator>
                                        </f:MenuSeparator>
                                        <f:MenuButton ID="MenuDisplayMode" Text="显示模式">
                                            <Menu>
                                                <Items>
                                                    <f:MenuCheckBox Text="紧凑模式" ID="MenuDisplayModeCompact" AttributeDataTag="compact" GroupName="MenuDisplayMode">
                                                    </f:MenuCheckBox>
                                                    <f:MenuCheckBox Text="小字体模式" ID="MenuDisplayModeSmall" AttributeDataTag="small" GroupName="MenuDisplayMode">
                                                    </f:MenuCheckBox>
                                                    <f:MenuCheckBox Text="普通模式" ID="MenuDisplayModeNormal" AttributeDataTag="normal" Checked="true" GroupName="MenuDisplayMode">
                                                    </f:MenuCheckBox>
                                                    <f:MenuCheckBox Text="大字体模式" ID="MenuDisplayModeLarge" AttributeDataTag="large" GroupName="MenuDisplayMode">
                                                    </f:MenuCheckBox>
                                                    <f:MenuCheckBox Text="大间距模式" ID="MenuDisplayModeLargeSpace" AttributeDataTag="largeSpace" GroupName="MenuDisplayMode">
                                                    </f:MenuCheckBox>
                                                </Items>
                                                <Listeners>
                                                    <f:Listener Event="checkchange" Handler="onMenuDisplayModeCheckChange" />
                                                </Listeners>
                                            </Menu>
                                        </f:MenuButton>
                                        <f:MenuButton Text="主选项卡标签" ID="MenuMainTabs">
                                            <Menu>
                                                <Items>
                                                    <f:MenuCheckBox Text="多标签页" ID="MenuMainTabsMulti" AttributeDataTag="multi" Checked="true" GroupName="MenuMainTabs">
                                                    </f:MenuCheckBox>
                                                    <f:MenuCheckBox Text="单标签页" ID="MenuMainTabsSingle" AttributeDataTag="single" GroupName="MenuMainTabs">
                                                    </f:MenuCheckBox>
                                                </Items>
                                                <Listeners>
                                                    <f:Listener Event="checkchange" Handler="onMenuMainTabsCheckChange" />
                                                </Listeners>
                                            </Menu>
                                        </f:MenuButton>
                                       
                                        <f:MenuButton Text="CSS加载动画">
                                            <Listeners>
                                                <f:Listener Event="click" Handler="onLoadingSelectClick" />
                                            </Listeners>
                                        </f:MenuButton>
                                    </Menu>
                                </f:Button>
                            </div>
                        </div>
                    </f:ContentPanel>
                    <f:TabStrip ID="mainTabStrip" CssClass="centerregion" ShowInkBar="true" InkBarPosition="Bottom" BoxFlex="1" ShowBorder="true" EnableTabCloseMenu="true">
                        <Tabs>
                            <f:Tab ID="tabHomepage" Title="首页" IconFont="_Home" EnableIFrame="true" IFrameUrl="@Url.Content("~/Admin/Main")">

                            </f:Tab>
                        </Tabs>
                        <Tools>
                         
                            <f:Tool IconFont="_Refresh" CssClass="tabtool" ToolTip="刷新本页" ID="toolRefresh">
                                <Listeners>
                                    <f:Listener Event="click" Handler="onToolRefreshClick" />
                                </Listeners>
                            </f:Tool>
                        </Tools>
                    </f:TabStrip>
                </Items>
            </f:Panel>
        </Items>
    </f:Panel>
  
    <f:Window ID="windowThemeRoller" Title="主题仓库" Hidden="true" EnableIFrame="true" IFrameUrl="@Url.Content("~/Home/Themes")" ClearIFrameAfterClose="false"
              IsModal="true" Width="850" Height="600" EnableClose="true" EnableMaximize="true" EnableResize="true" WindowPosition="Center">
    </f:Window>
    <f:Window ID="windowLoadingSelector" Title="CSS加载动画" Hidden="true" EnableIFrame="true" IFrameUrl="@Url.Content("~/Home/LoadingCSS")" ClearIFrameAfterClose="false"
              IsModal="true" Width="500" Height="400" EnableClose="true" EnableMaximize="true" EnableResize="true">
    </f:Window>
}


@section script {

    <script>
        var PARAMS = {
            mainPanel: 'mainPanel',
            mainTabStrip: 'mainTabStrip',
            treeMenu: 'treeMenu',
            sidebarRegion: 'sidebarRegion',
            btnCollapseSidebar: 'btnCollapseSidebar',
            tabHomepage: 'tabHomepage',
            windowSourceCode: 'windowSourceCode',
            windowThemeRoller: 'windowThemeRoller',
            windowLoadingSelector: 'windowLoadingSelector',
            windowApplyTrial: 'windowApplyTrial',   
            mainUrl: '@Url.Content("~/Basic/Main")',
            processNewWindowUrl: function (url) {
                return url.replace(/\/Mobile\/\?file=/ig, '/Mobile/');
            }
        };
    </script>

    <script src="~/res/js/index.js?v@(GlobalConfig.ProductVersion)"></script>

}
